﻿@section header
{
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="description" content="蓉记鲜鲜鲜，健康生活品质专家">
    <meta name="keywords" content="生鲜,美食,美酒,食材,菜谱,健康,蓉记,农产品,农产品电商,水果,蔬菜,虾,鱼,蟹,大闸蟹,海鲜,牛排,牛肉,肉,猪肉,特产,当季美食">
    <meta name="application-name" content="蓉记鲜鲜鲜">
    <meta name="msapplication-TileColor" content="#005A32">
    <meta name="msapplication-TileImage" content="/Themes/RongJi/Style/base/imgs/apple-touch-icon-114x114.png">
    <link href="~/Themes/RongJi/Style/v2.0/imgs/favicon.ico" rel="shortcut icon" type="image/x-icon">
    <link href="~/Themes/RongJi/Style/v2.0/imgs/apple-touch-icon-72x72.png" rel="apple-touch-icon">
    <link href="~/Themes/RongJi/Style/v2.0/imgs/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
    <link href="~/Themes/RongJi/Style/v2.0/imgs/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
    <link rel="stylesheet" type="text/css" href="~/Themes/Common/assert/plugins/flexSlider-2.2.2/flexslider.css">
    <link href="~/Themes/RongJi/Style/v2.0/css/global.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="~/Themes/RongJi/Style/v2.0/css/home.css">
    <style>
        .pageHeaderMini {
            display: none;
        }
    </style>
}
@section title
{
蓉记鲜鲜鲜
}
@model RiderShop.Mobile.Modle.Home.IndexViewModel

<div class="viewport">
    <div class="scroll-area">

        <header class="homeHeader">
            <img src="~/Themes/RongJi/Style/v2.0/imgs/rongji_banner.png"></header>
        <div id="home_top_banner_ad">
            <ul class="slides">
                @* <li><a href="#"><img src="~/Themes/RongJi/Style/v2.0/temp/s1.jpg" alt="五谷"></a></li>
                <li><a href="#"><img src="~/Themes/RongJi/Style/v2.0/temp/s2.jpg" alt="大益茶"></a></li>
                <li><a href="#"><img src="~/Themes/RongJi/Style/v2.0/temp/s3.jpg" alt="回坊"></a></li>*@
                @if (@Model.Banner != null && @Model.Banner.Group1NewImages != null)
                {
                    foreach (var item in @Model.Banner.Group1NewImages)
                    {
                    <li><a href="@item.NavigateUrl">
                        <img src="@item.ActualImageUrl" alt="鲜道鲜得"></a></li>
                    }
                }
            </ul>
        </div>
        <div class="T-img">
            <img src="~/Themes/RongJi/Style/v2.0/imgs/youzhiyouya.png" alt="只为优质并优雅的生活">
        </div>

        <ul class="four-entrance">
            <li>
                <a href="~/Product/ProductList?sid=39">
                    <span class="icon">
                        <img src="~/Themes/RongJi/Style/v2.0/imgs/fe1.png" alt="鲜推荐" /></span>鲜推荐
                </a>
            </li>
            <li>
                <a href="~/Product/PresellProduct">
                    <span class="icon">
                        <img src="~/Themes/RongJi/Style/v2.0/imgs/fe2.png" alt="鲜预售" /></span>鲜预售
                </a>
            </li>
            <li>
                <a href="http://mp.weixin.qq.com/s?__biz=MzA5NjI1MzkyMQ==&mid=204913622&idx=5&sn=e46485e7150ad064d7178e7ff6c28826#rd">
                    <span class="icon">
                        <img src="~/Themes/RongJi/Style/v2.0/imgs/fe3.png" alt="鲜活动" /></span>鲜活动
                </a>
            </li>
            <li>
                <a href="~/myaccount/orderlist">
                    <span class="icon">
                        <img src="~/Themes/RongJi/Style/v2.0/imgs/fe4.png" alt="我的订单" /></span>我的订单
                </a>
            </li>
            <br class="clearfix">
        </ul>

        <div class="ad-areas">
            @if (@Model.Banner != null && @Model.Banner.Group2NewImages != null && @Model.Banner.Group2NewImages.Count > 0)
            {
                <a href="@Model.Banner.Group2NewImages[0].NavigateUrl&from=home">
                    <img src="@Model.Banner.Group2NewImages[0].ActualImageUrl" />
                </a>
            }
@*  <img src="~/Themes/RongJi/Style/v2.0/temp/ad-full1.jpg" alt="大米">*@



            <div class="two-col-ad1 bbd1">
                <div class="tow-col-ad1-left">
                    @if (@Model.Banner != null && @Model.Banner.Group3NewImages != null && @Model.Banner.Group3NewImages.Count > 0)
                    {
                        <a href="@Model.Banner.Group3NewImages[0].NavigateUrl&from=home">
                            <img src="@Model.Banner.Group3NewImages[0].ActualImageUrl" />
                        </a>
                    }

@* <img src="~/Themes/RongJi/Style/v2.0/temp/col2-l-1.jpg" alt="逍遥鸡"/>*@


                </div>
                <div class="tow-col-ad1-right">
                    @if (@Model.Banner != null && @Model.Banner.Group4NewImages != null && @Model.Banner.Group4NewImages.Count > 0)
                    {
                        <a href="@Model.Banner.Group4NewImages[0].NavigateUrl">
                            <img src="@Model.Banner.Group4NewImages[0].ActualImageUrl" />
                        </a>
                    }

@*<img src="~/Themes/RongJi/Style/v2.0/temp/col2-r-1-1.jpg" alt="预售小泰芒"/>*@

                    @if (@Model.Banner != null && @Model.Banner.Group5NewImages != null && @Model.Banner.Group5NewImages.Count > 0)
                    {
                        <a href="@Model.Banner.Group5NewImages[0].NavigateUrl&from=home">
                            <img src="@Model.Banner.Group5NewImages[0].ActualImageUrl" />
                        </a>
                    }


@* <img src="~/Themes/RongJi/Style/v2.0/temp/col2-r-1-2.jpg" alt="预售小泰芒"/>*@
                </div>
                <br class="clearfix">
            </div>
            @if (@Model.Banner != null && @Model.Banner.Group6NewImages != null && @Model.Banner.Group6NewImages.Count > 0)
            {
                <a href="@Model.Banner.Group6NewImages[0].NavigateUrl">
                    <img src="@Model.Banner.Group6NewImages[0].ActualImageUrl" />
                </a>
            }
@*<img src="~/Themes/RongJi/Style/v2.0/temp/xianfenchujing.jpg" alt="鲜粉出镜头">*@
            <span class="ad-T">
                <img src="~/Themes/RongJi/Style/v2.0/imgs/xianchifan.jpg" alt="鲜吃饭"></span>
            <ul class="three-col-ad">

                <li>
                    @if (@Model.Banner != null && @Model.Banner.Group7NewImages != null && @Model.Banner.Group7NewImages.Count > 0)
                    {
                        <a href="@Model.Banner.Group7NewImages[0].NavigateUrl&from=home">
                            <img src="@Model.Banner.Group7NewImages[0].ActualImageUrl" />
                        </a>
                    }
@* <img src="~/Themes/RongJi/Style/v2.0/temp/col3-1.jpg" alt=""/>*@

                </li>

                <li>
                      @if (@Model.Banner != null && @Model.Banner.Group8NewImages != null && @Model.Banner.Group8NewImages.Count > 0)
                    {
                        <a href="@Model.Banner.Group8NewImages[0].NavigateUrl&from=home">
                            <img src="@Model.Banner.Group8NewImages[0].ActualImageUrl" />
                        </a>
                    }
                  @*  <img src="~/Themes/RongJi/Style/v2.0/temp/col3-2.jpg" alt="" />*@

                </li>
                <li>
                      @if (@Model.Banner != null && @Model.Banner.Group9NewImages != null && @Model.Banner.Group9NewImages.Count > 0)
                    {
                        <a href="@Model.Banner.Group9NewImages[0].NavigateUrl&from=home">
                            <img src="@Model.Banner.Group9NewImages[0].ActualImageUrl" />
                        </a>
                    }
                   @* <img src="~/Themes/RongJi/Style/v2.0/temp/col3-3.jpg" alt="" />*@

                </li>
                <br class="clearfix">
            </ul>
            <div class="two-col-ad1 btd1">
                <div class="tow-col-ad1-left">
                     @if (@Model.Banner != null && @Model.Banner.Group10NewImages != null && @Model.Banner.Group10NewImages.Count > 0)
                    {
                        <a href="@Model.Banner.Group10NewImages[0].NavigateUrl&from=home">
                            <img src="@Model.Banner.Group10NewImages[0].ActualImageUrl" />
                        </a>
                    }
                   @* <img src="~/Themes/RongJi/Style/v2.0/temp/col2-l-2.jpg" alt="逍遥鸡" />*@
                </div>
                <div class="tow-col-ad1-right">
                      @if (@Model.Banner != null && @Model.Banner.Group11NewImages != null && @Model.Banner.Group11NewImages.Count > 0)
                    {
                        <a href="@Model.Banner.Group11NewImages[0].NavigateUrl&from=home">
                            <img src="@Model.Banner.Group11NewImages[0].ActualImageUrl" />
                        </a>
                    }
                    @*<img src="~/Themes/RongJi/Style/v2.0/temp/col2-r-2-1.jpg" alt="预售小泰芒" />*@

                     @if (@Model.Banner != null && @Model.Banner.Group12NewImages != null && @Model.Banner.Group12NewImages.Count > 0)
                    {
                        <a href="@Model.Banner.Group12NewImages[0].NavigateUrl&from=home">
                            <img src="@Model.Banner.Group12NewImages[0].ActualImageUrl" />
                        </a>
                    }
                   @* <img src="~/Themes/RongJi/Style/v2.0/temp/col2-r-2-2.jpg" alt="预售小泰芒" />*@
                </div>
                <br class="clearfix">
            </div>
            <span class="ad-T">
                <img src="~/Themes/RongJi/Style/v2.0/imgs/bubuweixian.jpg" alt="步步为鲜"></span>
            <div class="fullcol-3-group">
                 @if (@Model.Banner != null && @Model.Banner.Group13NewImages != null && @Model.Banner.Group13NewImages.Count > 0)
                    {
                        <a href="@Model.Banner.Group13NewImages[0].NavigateUrl&from=home">
                            <img src="@Model.Banner.Group13NewImages[0].ActualImageUrl" />
                        </a>
                    }
              @*  <img src="~/Themes/RongJi/Style/v2.0/temp/nianchujiankang.jpg" alt="" />*@

                 @if (@Model.Banner != null && @Model.Banner.Group14NewImages != null && @Model.Banner.Group14NewImages.Count > 0)
                    {
                        <a href="@Model.Banner.Group14NewImages[0].NavigateUrl&from=home">
                            <img src="@Model.Banner.Group14NewImages[0].ActualImageUrl" />
                        </a>
                    }
               @* <img src="~/Themes/RongJi/Style/v2.0/temp/youbenyouyuan.jpg" alt="" />*@
                  @if (@Model.Banner != null && @Model.Banner.Group15NewImages != null && @Model.Banner.Group15NewImages.Count > 0)
                    {
                        <a href="@Model.Banner.Group15NewImages[0].NavigateUrl&from=home">
                            <img src="@Model.Banner.Group15NewImages[0].ActualImageUrl" />
                        </a>
                    }
               @* <img src="~/Themes/RongJi/Style/v2.0/temp/putaomeijiu.jpg" alt="" />*@
            </div>
            <span class="ad-T">
                <img src="~/Themes/RongJi/Style/v2.0/imgs/pinshijie.jpg" alt="品时节"></span>
             @if (@Model.Banner != null && @Model.Banner.Group16NewImages != null && @Model.Banner.Group16NewImages.Count > 0)
                    {
                        <a href="@Model.Banner.Group16NewImages[0].NavigateUrl">
                            <img src="@Model.Banner.Group16NewImages[0].ActualImageUrl" />
                        </a>
                    }
          @*  <img src="~/Themes/RongJi/Style/v2.0/temp/lixia.jpg" alt="立夏" />*@

            <ul class="three-col-ad mt5">
                <li>
                      @if (@Model.Banner != null && @Model.Banner.Group17NewImages != null && @Model.Banner.Group17NewImages.Count > 0)
                    {
                        <a href="@Model.Banner.Group17NewImages[0].NavigateUrl&from=home">
                            <img src="@Model.Banner.Group17NewImages[0].ActualImageUrl" />
                        </a>
                    }
@*                    <img src="~/Themes/RongJi/Style/v2.0/temp/col3-1-1.jpg" alt="" />*@

                </li>
                <li>
                    
                      @if (@Model.Banner != null && @Model.Banner.Group18NewImages != null && @Model.Banner.Group18NewImages.Count > 0)
                    {
                        <a href="@Model.Banner.Group18NewImages[0].NavigateUrl&from=home">
                            <img src="@Model.Banner.Group18NewImages[0].ActualImageUrl" />
                        </a>
                    }
                   @* <img src="~/Themes/RongJi/Style/v2.0/temp/col3-2-2.jpg" alt="" />*@


                </li>
                <li>
                    
                    @if (@Model.Banner != null && @Model.Banner.Group19NewImages != null && @Model.Banner.Group19NewImages.Count > 0)
                    {
                        <a href="@Model.Banner.Group19NewImages[0].NavigateUrl&from=home">
                            <img src="@Model.Banner.Group19NewImages[0].ActualImageUrl" />
                        </a>
                    }
                  @*  <img src="~/Themes/RongJi/Style/v2.0/temp/col3-3-3.jpg" alt="" />*@

                </li>
                <br class="clearfix">
            </ul>
            <div class="two-col-ad2 btd1">
                <div class="tow-col-ad2-left">
                     @if (@Model.Banner != null && @Model.Banner.Group20NewImages != null && @Model.Banner.Group20NewImages.Count > 0)
                    {
                        <a href="@Model.Banner.Group20NewImages[0].NavigateUrl&from=home">
                            <img src="@Model.Banner.Group20NewImages[0].ActualImageUrl" />
                        </a>
                    }
                   @* <img src="~/Themes/RongJi/Style/v2.0/temp/gumai.jpg" alt="预售小泰芒" />*@

                     @if (@Model.Banner != null && @Model.Banner.Group21NewImages != null && @Model.Banner.Group21NewImages.Count > 0)
                    {
                        <a href="@Model.Banner.Group21NewImages[0].NavigateUrl&from=home">
                            <img src="@Model.Banner.Group21NewImages[0].ActualImageUrl" />
                        </a>
                    }
@*                    <img src="~/Themes/RongJi/Style/v2.0/temp/gouqi.jpg" alt="预售小泰芒" />*@
                </div>
                <div class="tow-col-ad2-right">
                     @if (@Model.Banner != null && @Model.Banner.Group22NewImages != null && @Model.Banner.Group22NewImages.Count > 0)
                    {
                        <a href="@Model.Banner.Group22NewImages[0].NavigateUrl">
                            <img src="@Model.Banner.Group22NewImages[0].ActualImageUrl" />
                        </a>
                    }

                   @* <img src="~/Themes/RongJi/Style/v2.0/temp/ttq.jpg" alt="甜甜圈" />*@
                </div>
                <br class="clearfix">
            </div>
        </div>

    </div>
</div>

@section footer
{
    <script src="~/Themes/Common/assert/plugins/flexSlider-2.2.2/jquery.flexslider-min.js"></script>
    <script src="~/Themes/RongJi/Style/v2.0/js/home.js"></script>
}